{__NOLAYOUT__}
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>排行-{$seo_title}</title>
    <include file="Index:meta" />
</head>

<body>
    <div id="page">
        <!-- Header -->
        <include file="Index:header" />
        <!-- Header End -->
        <div class="banner hide-sm">
            <img src="__PUBLIC__/dist/image/rank_banner.jpg">
        </div>

        <!-- 项目列表 start -->
        <div class="project container page-rank mb-60">
            <div class="rank-nav visible-xs">
                <a class="active">浏览排行</a>
                <a>热度排行</a>
            </div>
            <div class="row">
                <section class="col-sm-6">
                    <h2 class="hide-sm">浏览排行</h2>
                    <ul class="rank-list">
                        <volist name="liulan" id="vo" key="k">
                            <li class="clearfix">
                                <span class="num">{$k}</span>
                                <if condition=" $k lt '4' ">
                                    <a href='index.php?m=Index&a=details&pid={$vo.zyid}&cid={$vo.gwid}&oid={$vo.id}'>
                                        <img src="__PUBLIC__/dist/image/img.jpg" data-src="http://hgedu.fjhgkj.com{$vo.bigimage}">
                                    </a>
                                </if>
                                <a href='index.php?m=Index&a=details&pid={$vo.zyid}&cid={$vo.gwid}&oid={$vo.id}'>
                                    <p class="text-ellipsis">{$vo.title}</p>
                                </a>
                                <if condition=" $k lt '4' ">
                                    <div class="card-info-item clearfix">
                                        <label class="text-ellipsis" title="浏览数">
                                            <i class="icon-fwl"></i>{$vo.readpoint}</label>
                                        <label class="text-ellipsis" title="会员数">
                                            <i class="icon-rd"></i>{$vo.redu}</label>
                                    </div>
                                </if>
                            </li>
                        </volist>
                    </ul>
                </section>
                <section class="col-sm-6">
                    <h2 class="hide-sm">热度排行</h2>
                    <ul class="rank-list">
                        <volist name="redu" id="vo" key="k">
                            <li class="clearfix">
                                <span class="num">{$k}</span>
                                <if condition=" $k lt '4' ">
                                    <a href='index.php?m=Index&a=details&pid={$vo.zyid}&cid={$vo.gwid}&oid={$vo.id}'>
                                        <img src="__PUBLIC__/dist/image/img.jpg" data-src="http://hgedu.fjhgkj.com{$vo.bigimage}">
                                    </a>
                                </if>
                                <a href='index.php?m=Index&a=details&pid={$vo.zyid}&cid={$vo.gwid}&oid={$vo.id}'>
                                    <p class="text-ellipsis">{$vo.title}</p>
                                </a>
                                <if condition=" $k lt '4' ">
                                    <div class="card-info-item clearfix">
                                        <label class="text-ellipsis" title="浏览数">
                                            <i class="icon-fwl"></i>{$vo.readpoint}</label>
                                        <label class="text-ellipsis" title="会员数">
                                            <i class="icon-rd"></i>{$vo.redu}</label>
                                    </div>
                                </if>
                            </li>
                        </volist>
                    </ul>
                </section>
            </div>
        </div>

        <include file="Index:footer" />

    </div>
    <i class="goTop"></i>

    <script>
        $(function(){
            $(".rank-nav").on("click","a",function(){
                var that = $(this);
                if(that.hasClass("active")) return;

                that.siblings().removeClass("active");
                that.addClass("active");

                $(".page-rank section").hide();
                $(".page-rank section").eq(that.index()).show();

                srcollLoadImg(function ($obj) {
                    var $img = $obj;
                    //比例
                    var h = $img.width() / (280/160) + "px";
                    $img.height(h);
                });
            })
        })
    </script>
</body>

</html>